a {
    cursor: pointer;
}

.control-label {
    padding-top: 0px;
    letter-spacing: .32px;
    display: inline-block;
    color: #525252;
    font-weight: 400;
    vertical-align: initial;
    font-size: 12px;
    margin-bottom: 8px;
}


.form-control {
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none;
    border-bottom: 1px solid var(--cds-ui-04,#8d8d8d);
    background-color: var(--cds-field-01,#f4f4f4);
    color: #161616;
    height: 40px;
    padding: 0px 16px;
    transition: background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);
    line-height: var(--cds-body-short-01-line-height,1.29);
    letter-spacing: var(--cds-body-short-01-letter-spacing,.16px);
    outline: 2px solid transparent;
    outline-offset: -2px;
    font-weight: var(--cds-body-short-01-font-weight,400);
}
.helper-text {
    padding-top: 0px;
    letter-spacing: .32px;
    display: inline-block;
    color: #525252;
    font-weight: 400;
    vertical-align: initial;
    font-size: 12px;
}
.form-control:focus {
    outline: 2px solid var(--cds-focus,#0f62fe);
    outline-offset: -2px;
}
.form-control:active {
    outline: 2px solid var(--cds-focus,#0f62fe);
    outline-offset: -2px;
}

/*.form-control:invalid:not(:focus) {
    outline: 2px solid var(--cds-support-01,#da1e28);
    outline-offset: -2px;
}*/
/*.form-control:invalid:not(:active) {
    outline: 2px solid var(--cds-support-01,#da1e28);
    outline-offset: -2px;
}*/


.improve-your-prof{
    padding: 12px 46px;
}

.side-menu-row {
    padding: 0px 16px;
    width: 256px;
    height: 32px;
}
.side-menu-row:hover {
    color: #161616;
    background-color: #e5e5e5;
}
side-menu-row:focus {
    outline: 2px solid #0f62fe;
    outline-offset: -2px;
}
.side-menu-row:active {
    outline: 2px solid #0f62fe;
    outline-offset: -2px;
}
.side-menu-row a {
    color: #525252;
    text-decoration: none;
    font-size: 14px;
    padding-left: 20px;
    font-weight: 500;
    line-height: 2.29;
    letter-spacing: .16px;
}

.edit-photo{
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ededed;
    border-top: #ededed solid 1px;
    padding: 12px 0;
    text-align: center;
    z-index: 10;
    opacity: 0.80;
}

.img-edit-icon {
    color: white;
    border: 2px solid white;
    font-weight: 500;
    border-radius: 18px;
    width: 20px;
    font-size: 16px;
    padding: 1px 4px;
}
.img-edit-icon:hover{
    color: #2A86EF;
    border: 2px solid #2A86EF;
}

.email-verified {
    position: relative;
    display: inline-block;

    }

    .email-verified .verified {
    
    width: 120px;
    color: grey;
    text-align: center;
    position: absolute;
    opacity: 0;
    }
    
    .email-unverified:hover .unverified {
    visibility: visible;
    opacity: 1;
    }
    
    .email-unverified .unverified {
    
    width: 120px;
    color: grey;
    text-align: center;
    position: absolute;
    opacity: 0;
    }

    .email-verified:hover .verified {
    visibility: visible;
    opacity: 1;
    }




    .number-verified {
        position: relative;
        display: inline-block;
    
        }
    
        .number-verified .numverified {
        
        width: 120px;
        color: grey;
        text-align: center;
        position: absolute;
        opacity: 0;
        }
        
        .number-unverified:hover .numunverified {
        visibility: visible;
        opacity: 1;
        }
        
        .number-unverified .numunverified {
        
        width: 120px;
        color: grey;
        text-align: center;
        position: absolute;
        opacity: 0;
        }
    
        .email-verified:hover .verified {
        visibility: visible;
        opacity: 1;
        }







/*.div-striped:hover{background-color: #f2f2f2;}*/


.view-more-btn {
    border: 5px solid transparent;
    background: #AED6D1;
    color: #55706D;
    border-radius: 0px;
    padding: 5px 30px;
    overflow: hidden;
    width: 100px;
    transition: all 1.2s, border 0.5s 1.2s, box-shadow 0.3s 1.5s;
    white-space: nowrap;
    text-indent: 23px;
    font-weight: 500;
}
.view-more-btn span {
    display: inline-block;
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
    font-weight: normal;
    opacity: 0;
    transition: opacity 0.1s 0.5s, -webkit-transform 0.4s 0.5s;
    transition: opacity 0.1s 0.5s, transform 0.4s 0.5s;
    transition: opacity 0.1s 0.5s, transform 0.4s 0.5s, -webkit-transform 0.4s 0.5s;
}
.view-more-btn:hover {
    text-indent: 0;
    background: #55706D;
    color: #FFE8A3;
    width: 250px;
    border: 5px solid #8DCCC4;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.15);
}
.view-more-btn:hover span {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.show-more:after{
    content: "Show More"
}
.show-less:after{
    content: "Show Less"
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
}
.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}
.autocomplete-selected {
    background: #F0F0F0;
}
.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}



/* Outside of the box */
.tagify--outside{
border: 0;
padding: 0;
margin: 0;
}
.tagify__input--outside{
display: block;
max-width: 600px;
border: 1px solid #DDD;
margin-top: 1.5em;
}

/* Countries' flags */
.tagify__dropdown.extra-properties .tagify__dropdown__item { color:#777; }
.tagify__dropdown.extra-properties .tagify__dropdown__item:hover { color:black; background:#F1F1F1; }
.tagify__dropdown.extra-properties .tagify__dropdown__item > img{
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    transform: scale(.75);
    margin-right: 5px;
    border-radius: 2px;
    transition: .12s ease-out;
}
    .tagify__dropdown.extra-properties .tagify__dropdown__item--active > img,
    .tagify__dropdown.extra-properties .tagify__dropdown__item:hover > img{
    transform: none;
    margin-right: 12px;
}
.tagify.countries .tagify__input{ min-width:175px; }
.tagify.countries tag { white-space:nowrap; }
.tagify.countries tag img{
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    border-radius: 2px;
}
.tagify.readonlyMix > tag:not([readonly]) div::before { background:#d3e2e2; }
.tagify__input .borderd-blue > div::before { border:2px solid #8DAFFA; }
.intl-tel-input allow-dropdown {width: 100%;}
.col-md-9>.intl-tel-input.allow-dropdown { width: 73%; }

.img-container {
    /* Never limit the container height here */
    max-width: 100%;
}

.img-container img {
    /* This is important */
    width: 100%;
}

.add-more-class {
    color: #337ab7 !important;
    border: 2px solid #337ab7 !important;
    width: 10px !important;
    font-size: 11px !important;
    padding: 3px 4px !important;
}
.radio-inline li {
    display: inline-block !important;
    margin: 0 30px !important;
}